<template>
	<div>
		<el-table
			border
			:cell-style="{ textAlign: 'center' }"
			:header-cell-style="{ textAlign: 'center', background: 'var(--el-table-row-hover-bg-color)', color: 'var(--el-text-color-primary)' }"
			:data="tableData || []"
			style="width: 99.9%"
		>
			<el-table-column fixed="left" type="index" label="序号" width="55" />
			<template v-for="(item, index) in tableDataColumn || []" :key="index">
				<el-table-column :property="item?.property" :label="item?.lable" />
			</template>
		</el-table>
	</div>
</template>

<script lang="ts" setup>
const props: any = defineProps({
	tableData: {
		type: Object,
		default: () => [],
	},
	tableDataColumn: {
		type: Object,
		default: () => [],
	},
});
const { tableData, tableDataColumn } = toRefs(props);
</script>

<style></style>
